<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<body class="gray-bg">
    <div class="col-sm-12">
        <div class="ibox-body">
            <div class="fixed-table-toolbar form-inline">
                <form id="search">
                    <div class="input-daterange input-group columns pull-left" style="margin-left: 5px; width: 300px;" id="datepicker">
                        <span class="input-group-addon tool-span-addon">日期：</span>
                        <input type="text" class="form-control" name="start" id="start" autocomplete="off"/>
                        <span class="input-group-addon tool-span-addon">-</span>
                        <input type="text" class="form-control" name="end" id="end" autocomplete="off"/>
                    </div>

                    <div class="input-group columns pull-left tool-pull-left">
                        <select data-placeholder="请选择" name="shopNo" id="shopNo" class="form-control">
                            <option value="">选择店铺</option>
                        </select>
                    </div>

                    <div class="input-group columns pull-left tool-pull-left">
                        <select data-placeholder="请选择" name="instituteId" id="instituteId" class="form-control">
                            <option value="" th:text="(${type=='CUSTOMER'} ? '选择客户' : '选择供应商')">选择客户</option>
                        </select>
                    </div>

                    <div class="input-group columns pull-left tool-pull-left checkbox">
                        <label class="i-checks">
                            <input type="checkbox" name="showDebt" value="0" th:text="(${type=='CUSTOMER'} ? '欠款客户' : '欠款供应商')" >
                        </label>
                    </div>

                    <input type="hidden" id="type" name="type" th:value="${type}">
                </form>

                <div class="input-group columns pull-left tool-pull-left">
                    <button class="btn btn-success" onclick="search()">查询</button>
                </div>
                <div class="input-group columns pull-left tool-pull-left">
                    <button class="btn btn-success" onclick="exportExcel()">导出</button>
                </div>

                <div class="input-group columns pull-right">
                    <span class="input-group-addon" name="toDate">欠款日期: 000-00-00_000-00-00</span>
                </div>
            </div>

            <div class="ibox-content">
                <div class="jqGrid_wrapper">
                    <table id="table_list"></table>
                    <div id="pager_list"></div>
                </div>
            </div>
        </div>
    </div>
    <!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
    <div>
        <script type="text/javascript">
            var s_edit_h = 'hidden';
        </script>
    </div>
    <div shiro:hasPermission="report:recon:recon">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>

<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/appjs/report/sRecon.js"></script>
</body>
</html>